@charset "UTF-8";
.at-input, .at-input__inner {
    /*width: 100%;*/
    display: inline-block
}

.at-input.is-disabled .at-input__inner {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    color: #bbb;
    cursor: not-allowed
}
.at-input.is-disabled .at-input__inner::-webkit-input-placeholder {
color:#bfcbd9
}
.at-input.is-disabled .at-input__inner::-moz-placeholder {
color:#bfcbd9
}
.at-input.is-disabled .at-input__inner:-ms-input-placeholder {
color:#bfcbd9
}
.at-input.is-disabled .at-input__inner::placeholder {
color:#bfcbd9
}
.at-input.is-active .at-input__inner {
    outline: 0;
    border-color: #20a0ff
}
.at-input__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    /*border-radius: 4px;*/
    /*border: 1px solid #bfcbd9;*/
    box-sizing: border-box;
    /*color: #1f2d3d;*/
    /*font-size: inherit;*/
    /*height: 36px;*/
    line-height: 1;
    outline: 0;
    padding: 3px 10px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    border: 1px solid #d7dfe9;
    height:32px;
    /*width:100%;*/
    border-radius: 1px;
    color: #5c6781;
    font-size: 12px;
    position: relative;
}
.at-input__inner::-webkit-input-placeholder {
color:#97a8be
}
.at-input__inner::-moz-placeholder {
color:#97a8be
}
.at-input__inner:-ms-input-placeholder {
color:#97a8be
}
.at-input__inner::placeholder {
color:#97a8be
}
.at-input__inner:hover {
	border: 1px solid #d7dfe9; 
    /*border-color: #8391a5*/
}
.at-input__inner:focus {
    outline: 0;
    /*border-color: #20a0ff;*/
    border-color: #82afeb;
}




.at-input-number {
    display: inline-block;
    width: 180px;
    position: relative
}
.at-input-number .at-input {
    display: block
}
.at-input-number .at-input__inner {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 82px
}
.at-input-number.is-without-controls .at-input__inner {
    padding-right: 10px
}
.at-input-number.is-disabled .at-input-number__decrease, .at-input-number.is-disabled .at-input-number__increase {
    border-color: #d1dbe5;
    color: #d1dbe5
}
.at-input-number.is-disabled .at-input-number__decrease:hover, .at-input-number.is-disabled .at-input-number__increase:hover {
    color: #d1dbe5;
    cursor: not-allowed
}
.at-input-number__decrease, .at-input-number__increase {
    height: auto;
    border-left: 1px solid #bfcbd9;
    width: 36px;
    line-height: 34px;
    top: 1px;
    text-align: center;
    color: #97a8be;
    cursor: pointer;
    position: absolute;
    z-index: 1
}
.at-input-number__decrease:hover, .at-input-number__increase:hover {
    color: #20a0ff
}
.at-input-number__decrease:hover:not(.is-disabled)~.at-input .at-input__inner:not(.is-disabled), .at-input-number__increase:hover:not(.is-disabled)~.at-input .at-input__inner:not(.is-disabled) {
    border-color: #20a0ff
}
.at-input-number__decrease.is-disabled, .at-input-number__increase.is-disabled {
    color: #d1dbe5;
    cursor: not-allowed
}
.at-input-number__increase {
    right: 0
}
.at-input-number__decrease {
    right: 37px
}
.at-input-number--large {
    width: 200px
}
.at-input-number--large .at-input-number__decrease, .at-input-number--large .at-input-number__increase {
    line-height: 42px;
    width: 42px;
    font-size: 16px
}
.at-input-number--large .at-input-number__decrease {
    right: 43px
}
.at-input-number--large .at-input__inner {
    padding-right: 94px
}
.at-input-number--small {
    width: 130px
}
.at-input-number--small .at-input-number__decrease, .at-input-number--small .at-input-number__increase {
    line-height: 30px;
    width: 30px;
    font-size: 13px
}
.at-input-number--small .at-input-number__decrease {
    right: 31px
}
.at-input-number--small .at-input__inner {
    padding-right: 70px
}

.at-input__icon {
    position: absolute;
    width: 35px;
    height: 100%;
    right: 0;
    top: 0;
    text-align: center;
    color: #bfcbd9;
    transition: all .3s
}
.at-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}
.at-input__icon+.at-input__inner {
    padding-right: 35px
}
.at-input__icon.is-clickable:hover {
    cursor: pointer;
    color: #8391a5
}
.at-input__icon.is-clickable:hover+.at-input__inner {
    border-color: #8391a5
}
.at-input--large {
    font-size: 16px
}
.at-input--large .at-input__inner {
    height: 42px
}
.at-input--small {
    font-size: 13px
}
.at-input--small .at-input__inner {
    height: 30px
}
.at-input--mini {
    font-size: 12px
}
.at-input--mini .at-input__inner {
    height: 22px
}
.at-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate
}
.at-input-group>.at-input__inner {
    vertical-align: middle;
    display: table-cell
}
.at-input-group__append, .at-input-group__prepend {
    background-color: #fbfdff;
    color: #97a8be;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #bfcbd9;
    border-radius: 4px;
    padding: 0 10px;
    width: 1px;
    white-space: nowrap
}
.at-input-group--prepend .at-input__inner, .at-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.at-input-group--append .at-input__inner, .at-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.at-input-group__append .at-button, .at-input-group__append .at-select, .at-input-group__prepend .at-button, .at-input-group__prepend .at-select {
    display: block;
    margin: -10px
}
.at-input-group__append button.at-button, .at-input-group__append div.at-select .at-input__inner, .at-input-group__append div.at-select:hover .at-input__inner, .at-input-group__prepend button.at-button, .at-input-group__prepend div.at-select .at-input__inner, .at-input-group__prepend div.at-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}
.at-input-group__append .at-button, .at-input-group__append .at-input, .at-input-group__prepend .at-button, .at-input-group__prepend .at-input {
    font-size: inherit
}
.at-button, .at-textarea__inner {
    font-size: 14px;
    box-sizing: border-box
}
.at-input-group__prepend {
    border-right: 0
}
.at-input-group__append {
    border-left: 0
}




.at-textarea {
    display: inline-block;
    width: 700px;
    vertical-align: bottom
}
.at-textarea.is-disabled .at-textarea__inner {
    background-color: #eef1f6;
    border-color: #d1dbe5;
    color: #bbb;
    cursor: not-allowed
}
.at-textarea.is-disabled .at-textarea__inner::-webkit-input-placeholder {
color:#bfcbd9
}
.at-textarea.is-disabled .at-textarea__inner::-moz-placeholder {
color:#bfcbd9
}
.at-textarea.is-disabled .at-textarea__inner:-ms-input-placeholder {
color:#bfcbd9
}
.at-textarea.is-disabled .at-textarea__inner::placeholder {
color:#bfcbd9
}
.at-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 7px;
    line-height: 1.5;
    /*width: 100%;*/
    /*color: #1f2d3d;*/
    background-color: #fff;
    background-image: none;
    /*border: 1px solid #bfcbd9;*/
    /*border-radius: 4px;*/
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

    border: 1px solid #d7dfe9; 
    color: #5c6781;
    margin-top:3px;
    font-size: 12px;
    margin-bottom: 12px;
    width:100%;
    height:auto;
    border-radius: 1px;
}
.at-textarea__inner::-webkit-input-placeholder {
color:#97a8be
}
.at-textarea__inner::-moz-placeholder {
color:#97a8be
}
.at-textarea__inner:-ms-input-placeholder {
color:#97a8be
}
.at-textarea__inner::placeholder {
color:#97a8be
}
.at-textarea__inner:hover {
    /*border-color: #8391a5;*/
    border: 1px solid #d7dfe9; 
}
.at-textarea__inner:focus {
    outline: 0;
    /*border-color: #20a0ff;*/
    border-color: #82afeb;
}

.at-input {
    position: relative;
    font-size: 12px;
    width:370px;
}
/*@description：普通输入框的样式*/
.at-input .at-input__inner{
    border: 1px solid #d7dfe9;
    height:32px;
    width:100%;
    border-radius: 1px;
    color: #5c6781;
    font-size: 12px;
    
}
/*@description:设置输入框的大小，变框，倒圆角，字体颜色，大小*/
.at-input .at-input__inner:hover {
    border: 1px solid #d7dfe9; 
}
/*@description：设置输入框悬停的时候颜色不变*/
.at-input .at-input__inner:focus {
    border-color: #82afeb;
}
/*@description：设置获取焦点的时候输入框的边框颜色*/

/*@description：文本输入框的样式*/
.at-input .at-textarea__inner{
    border: 1px solid #d7dfe9; 
    color: #5c6781;
    font-size: 12px;
    margin-bottom: 12px;
    font-size: 12px;
    width:700px;
    height:auto;
    border-radius: 1px;
}
/*@description：设置文本输入框的字体颜色大小，宽度，高度自适应，边框颜色，倒圆角，上下间距*/
.at-textarea__inner:hover {
    border: 1px solid #d7dfe9; 
}
/*@description：设置文本输入框悬停时的变框颜色不变*/
.at-textarea__inner:focus {
    border-color: #82afeb;
}
/*@description：设置文本输入框获取焦点时候的边框颜色*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
     /* WebKit browsers */   
    color: #8992a7; 
}   
input:-moz-placeholder, textarea:-moz-placeholder {   /* Mozilla Firefox 4 to 18 */   
    color: #8992a7;  
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
     /* Mozilla Firefox 19+ */   
    color: #8992a7; 
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
     /* Internet Explorer 10+ */   
    color: #8992a7;
}